<template>
  <div class="layout">
    <Content style="min-height: 85vh">
      <BookList/>
    </Content>
    <Footer style="margin-top: 70px"/>
  </div>
</template>
<script>
import BookList from '@/components/BookList.vue'
import Footer from '@/components/Footer.vue'

export default {
  components: {
    BookList,
    Footer
  }
}

</script>
<style scoped>
.layout {
  margin: 60px 0 0 0;
  min-height: 500px;
  background: #f5f7f9;
  position: relative;
  overflow: hidden;
}
</style>
